<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<script src="E0.1.js"></script>

<script type="text/javascript">

	window.onload=function(){
		var d1 = document.getElementById('d1');
		
		function f1(){alert(1)}
		function f2(){alert(2)}
		function f3(){alert(3)}
		// E.add(d1, 'click', f1);
		// E.add(d1, 'click', f1);
		//E.on(d1, 'click', f1);
		//E.on(d1, 'mouseover', f2);
		//E.un(d1, 'click', f1);
		//E.un(d1);
		//E.un(d1, 'click');
		
		// E.on(d1, {
			// click : {
				// handler : f3,
				// delay : 1000
			// },
			// mouseover : {
				// handler : f1,
				// once : true
			// }
		// });
		var input = document.getElementsByTagName('input')[0];
		E.add(input, 'keyup', function(ev) {
			console.log(ev.keyCode);
		});
	};
	
</script>
</head>
<body>
<input id="txt1" type="text" value=""/>
<div id="d1" style="width:200px;height:50px;border:1px solid gray;background:gold;">click me</div>
<br/><br/>
<div id="d2" style="width:200px;height:50px;border:1px solid gray;background:gold;"></div>
</body>
</html>
